<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apple (中国大陆) - 官方网站</title>
<link rel="icon" href="imgs/apple.ico">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="fontawesome-pro-5.15.3-web/css/all.min.css">
<link rel="stylesheet" href="libs/swiper-bundle.min.css">
</head>

<body>
    <nav class="top-nav">
        <div class="container">
            <ul class="nav-list font_14px">
                <li><a href="index.html"><i class="fab fa-apple"></i></a></li>
                <li><a href="store.html">商店</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iPad.html">iPad</a></li>
                <li><a href="iPhone.html">iPhone</a></li>
                <li><a href="Watch.html">Watch</a></li>
                <li><a href="Music.html">Music</a></li>
                <li><a href="Tec.html">技术支持</a></li>
                <li><a href="javascript:;" id="search-btn"><i class="fal fa-search"></i></a></li>
                <li><a href="javascript:;" id="bag-a-btn"><i class="fal fa-shopping-bag"></i>
                        <span class="bag-goods-num">2</span>
                    </a>
                    <aside class="bag-wrapper" style="display: none;">
                        <ul class="bag-goods-list">
                            <div class="angle"></div><!-- 不合理 但是设置了绝对定位 对布局不影响 -->
                            <li class="goods-item">
                                <a href="javascript:;">
                                    <img src="./imgs/store/iphone-13-pro-blue-select.png" alt="">
                                    <span class="font_14px">iPhone 13 Pro 128GB 远峰蓝色</span>
                                </a>
                            </li>
                            <li class="goods-item">
                                <a href="goods-desc.html">
                                    <img src="./imgs/store/imac-24-blue-selection-hero-202104.png" alt="">
                                    <span class="font_14px">24 英寸配备 4.5K 视网膜显示屏的 iMac - 蓝色</span>
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:;" class="white check-btn bold">
                            结账
                        </a>
                        <nav class="bagview-nav">
                            <ul class="bag-view-nav-list">
                                <li><a href="bag.html" class="blue-more font_12px"><i
                                            class="fal fa-shopping-bag"></i>购物袋</a></li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i
                                            class="fal fa-heart"></i>收藏</a></li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i class="fal fa-cube"></i>订单</a>
                                </li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i class="fal fa-cog"></i>账户</a>
                                </li>
                                <li><a href="login.html" class="blue-more font_12px"><i
                                            class="fas fa-user-circle"></i>注销 文龙</a></li>
                            </ul>
                        </nav>
                    </aside>
                </li>
                <li class="search-outter-wrapper" style="display: none;">
                    <div class="search-inner-wrapper">
                        <form action="get" class="search-form">
                            <button type="button"><i class="fal fa-search"></i></button>
                            <input type="text" placeholder="搜索 apple.com.cn" />
                            <button type="button" id="cancel-search" class="pointer"><i
                                    class="fal fa-times"></i></button>
                        </form>
                        <aside class="search-list-wrapper">
                            <h3 class="quick-links">快速链接</h3>
                            <a href="javascript:;" class="font_12px">查找零售店</a>
                            <a href="javascript:;" class="font_12px">Apple Store 商店在线选购</a>
                            <a href="javascript:;" class="font_12px">配件</a>
                            <a href="javascript:;" class="font_12px">Airpods</a>
                            <a href="javascript:;" class="font_12px">AirTag</a>
                        </aside>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <section class="fixed-search">
        <div class="search-outter-wrapper">
            <div class="search-inner-wrapper">
                <form action="get" class="search-form">
                    <input type="text" placeholder="搜索 apple.com.cn" id="fixed-search-text" />
                    <button type="button" class="pointer"><i class="fal fa-search"></i></button>
                </form>
                <aside class="search-list-wrapper" style="display: none;">
                    <h3 class="quick-links">快速链接</h3>
                    <a href="javascript:;" class="font_12px">查找零售店</a>
                    <a href="javascript:;" class="font_12px">Apple Store 商店在线选购</a>
                    <a href="javascript:;" class="font_12px">配件</a>
                    <a href="javascript:;" class="font_12px">Airpods</a>
                    <a href="javascript:;" class="font_12px">AirTag</a>
                </aside>
            </div>
            </li>
    </section>
    <section class="mask-layer" style="display: none;"></section>
    <section class="nav-tips font_14px">
        <div class="container">
            <p>
                <a href="javascript:;" class="blue-more">在线选购</a>,
                享受免费送货、Specialist 专家支持、免息分期等服务。
            </p>

        </div>
    </section>
    <section class="index-banner pointer" style="background:rgb(251, 251, 253);padding-bottom: 0;">
        <div class="timer">
            <div class="bold font_24px " id="timer-container">预购倒计时:</div>
            <div class="time-box"></div>
        </div>
        <h1 class="big-container index-banner-title bold">
            iphone 13 Pro
        </h1>
        <h1 class="big-container index-banner-title-sec">
            强得很
        </h1>
        <p class="banner-operate">
            <a href="javascript:;" class="blue-more">进一步了解</a><span class="blue-more">&gt;</span>
            <a href="goods-desc.html" class="blue-more">购买</a><span class="blue-more">&gt;</span>
        </p>
        <div class="img-wrapper">
            <img src="imgs/index/iPhone13Pro.png" alt="">
        </div>
    </section>
    <section class="index-banner pointer" style="background:rgb(53, 40, 60);padding-bottom: 0;">
        <h1 class="big-container index-banner-title bold white">
            iphone 13
        </h1>
        <h1 class="big-container index-banner-title-sec" style="color: rgb(254, 194, 235);">
            解锁超能力
        </h1>
        <p class="banner-operate">
            <a href="javascript:;" class="blue-more" style="color: rgb(42, 145, 245);">进一步了解</a><span
                class="blue-more">&gt;</span>
            <a href="javascript:;" class="blue-more" style="color: rgb(42, 145, 245);">购买</a><span
                class="blue-more">&gt;</span>
        </p>
        <div class="img-wrapper" style="background:rgb(53, 40, 60)">
            <img src="imgs/index/iPhone13.png" alt="">
        </div>
    </section>
    <section class="index-banner" style="padding-bottom: 30px;">
        <h1 class="big-container index-banner-title bold">
            AirPods Max
        </h1>
        <h1 class="big-container index-banner-title-sec">
            五种色调，无法低调。
        </h1>
        <p class="banner-operate">
            <a href="javascript:;" class="blue-more">进一步了解</a><span class="blue-more">&gt;</span>
            <a href="javascript:;" class="blue-more">购买</a><span class="blue-more">&gt;</span>
        </p>
        <div class="big-container index-scroller-wrapper">
            <div class="swiper-container w806 swiper-container-l" style=" border-radius: 18px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide index-scroller-img-l">
                        <img src="imgs/index/airpods_max_pic1-l.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-l">
                        <img src="imgs/index/airpods_max_pic2-l.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-l">
                        <img src="imgs/index/airpods_max_pic3-l.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-l">
                        <img src="imgs/index/airpods_max_pic4-l.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-l">
                        <img src="imgs/index/airpods_max_pic5-l.jpg" alt="">
                    </div>
                </div>

            </div>
            <div class="swiper-container w470 swiper-container-r">
                <div class="swiper-wrapper">
                    <div class="swiper-slide index-scroller-img-r">
                        <img src="imgs/index/airpods_max_pic1-r.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-r">
                        <img src="imgs/index/airpods_max_pic2-r.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-r">
                        <img src="imgs/index/airpods_max_pic3-r.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-r">
                        <img src="imgs/index/airpods_max_pic4-r.jpg" alt="">
                    </div>
                    <div class="swiper-slide index-scroller-img-r">
                        <img src="imgs/index/airpods_max_pic5-r.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-pagination banner-pointer">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <button type="button" id="play"></button>

        </div>
    </section>
    <section class="index-banner" style="background:rgb(251, 251, 253)">
        <h1 class="big-container index-banner-title bold">
            iPhone
        </h1>
        <h1 class="big-container index-banner-title-sec">
            你的iPhone，都在这里呈现。😊
        </h1>
        <p class="banner-operate">
            <a href="store.html" class="blue-more"> &nbsp;&nbsp;在商城中了解</a><span class="blue-more">&gt;</span>

        </p>
        <div class="big-container index-goods-category-wrapper">
            <span class="index-goods-btn index-goods-btn-iphone pointer bold">最新上架</span>
            <span class="index-goods-btn index-goods-btn-iphone pointer bold">Apple热销</span>
            <span class="index-goods-btn index-goods-btn-iphone pointer bold">技术支持</span>
        </div>
        <div class="big-container goods-container">
            <div class="swiper-container  goods-window goods-container-iphone ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slider-wrapper">

                        <div class="swiper-container w830 goods-window goods-container-img">

                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic1.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic2.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic3.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        2
                        <div class="swiper-container w830 goods-window goods-container-iphone-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic4.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic5.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic6.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        3
                        <div class="swiper-container w830 goods-window goods-container-iphone-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic7.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic8.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic9.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->


            </div>
        </div>
    </section>
    <section class="index-banner" style="background:rgb(253, 246, 240)">
        <h1 class="big-container index-banner-title bold">
            iPad
        </h1>
        <h1 class="index-banner-title-sec">
            小身材，大精彩。
        </h1>
        <p class="banner-operate">
            <a href="store.html" class="blue-more"> &nbsp;&nbsp;在商城中了解</a><span class="blue-more">&gt;</span>

        </p>
        <div class="big-container index-goods-category-wrapper">
            <span class="index-goods-btn index-goods-btn-ipad  pointer bold">最新上架</span>
            <span class="index-goods-btn index-goods-btn-ipad pointer bold">Apple热销</span>
            <span class="index-goods-btn index-goods-btn-ipad pointer bold">技术支持</span>
        </div>
        <div class="big-container goods-container ">

            <div class="swiper-container  goods-window goods-container-ipad">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slider-wrapper">

                        <div class="swiper-container w830 goods-window goods-container-img">

                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic1.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic2.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic3.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        
                        <div class="swiper-container w830 goods-window goods-container-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic4.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic5.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic6.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        
                        <div class="swiper-container w830 goods-window goods-container-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic7.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic8.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic9.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->


            </div>
        </div>
    </section>
    <section class="index-banner" style="background:rgb(220, 237, 240)">
        <h1 class="big-container index-banner-title bold">
            Watch
        </h1>
        <h1 class="big-container index-banner-title-sec">
            事事拿手，轻松入手。
        </h1>
        <p class="banner-operate">
            <a href="store.html" class="blue-more"> &nbsp;&nbsp;在商城中了解</a><span class="blue-more">&gt;</span>

        </p>
        <div class="big-container index-goods-category-wrapper">
            <span class="index-goods-btn index-goods-btn-watch pointer bold">最新上架</span>
            <span class="index-goods-btn index-goods-btn-watch pointer bold">Apple热销</span>
            <span class="index-goods-btn index-goods-btn-watch pointer bold">技术支持</span>
        </div>
        <div class="big-container goods-container ">

            <div class="swiper-container  goods-window goods-container-watch">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slider-wrapper">

                        <div class="swiper-container w830 goods-window goods-container-img">

                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic1.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic2.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic3.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        
                        <div class="swiper-container w830 goods-window goods-container-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic4.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic5.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic6.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-slide slider-wrapper">
                        
                        <div class="swiper-container w830 goods-window goods-container-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic7.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic8.png"
                                        class="pointer"></div>
                                <div class="swiper-slide"><img src="imgs/index/goods-window-iphone-pic9.png"
                                        class="pointer"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="index-goods-list">
                            <ul class="index-goods-list-content">
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 12 Pro
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 13
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        iPhone 11
                                    </a></li>
                                <li class="index-list-item"><a href="javascript:;" class="black-more">
                                        <img src="imgs/index/goods-list-item-iphone-pic1.png" alt="">
                                        机型比较
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->


            </div>
        </div>
    </section>
    <footer>
        <div class="footnotes-content">
            <div class="foot-path">
                <span><a href="javascript:;"><i class="fab fa-apple"></i></a></span>
                <span class="font_12px">&gt;</span>
                <span class="font_12px">Apple Store</span>
            </div>
        </div>
        <div class="footer-nav container">
            <ul class="footer-nav-list">
                <li class="font_12px bold">选购及了解</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Mac</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPad</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPhone</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Watch</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Music</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iTunes</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">HomePod</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPod touch</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">配件</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">充值卡</a></li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px bold">Apple Store 商店</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">查找零售店</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">在线选购</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Genius Bar 天才吧</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Today at Apple</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">青少年活动</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Store App</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">翻新和优惠</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">分期付款</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Trade In 换购计划</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">订单状态</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">选购帮助</a></li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px">
                    <span class="bold">教育应用</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple 与教育</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">高校师生选购</a></li>
                    </ul>
                </li>
                <li class="font_12px">
                    <span class="bold" style="margin-top: 15px;">商务应用</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple 与商务</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">商务选购</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px">
                    <span class="bold">账户</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">管理你的 Apple ID</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple Store 账户</a></li>
                    </ul>
                </li>
                <li class="font_12px">
                    <span class="bold" style="margin-top: 15px;">Apple价值观</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">辅助功能</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">环境责任</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">隐私</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">供应商责任</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px bold">关于 Apple</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple 咨询</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">工作机会</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Newsroom</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">商业道德与合规性</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">活动</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">联系 Apple</a></li>
            </ul>
        </div>
        <div class="footer-more-info font_12px container">
            更多选购方式: <a href="javascript:;" class="black-more">查找你附近的 Apple Store 零售店</a>及
            <a href="javascript:;" class="black-more">更多门店</a>,或者致电 400-666-8800 。
        </div>
        <div class="footer-policy container font_12px">
            Copyright &copy; Apple lnc. 保留所有权利。
            <a href="javascirpt:;" class="font_12px black-more">隐私政策</a>
            <a href="javascirpt:;" class="font_12px black-more">使用条款</a>
            <a href="javascirpt:;" class="font_12px black-more">销售政策</a>
            <a href="javascirpt:;" class="font_12px black-more">法律信息</a>
            <a href="javascirpt:;" class="font_12px black-more">网站地图</a>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="libs/swiper-bundle.js"></script>
    <script src="js/common/common.js"></script>
    <script src="js/index/index.js"></script>

</body>

</html>